/**
 *Controls the background image
 */
body {
  background: url(../images/clouds-animated.jpg) no-repeat center center fixed;	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  font: normal 10pt Arial, Helvetica, sans-serif;
  overflow-y: scroll;
} 

/**
 *Hyperlink color
 */
a {
  color: black;
}

/**
 *The large portion at the top of the page
 *that acts as a "container" for the information.

 */
#header {
  background:none;
  border-radius: 8px 8px 8px 8px; /*makes the border round */
  margin: 1.5em auto 20px;
  height: 35px;
  width: 926px;
  margin-bottom: 115px; 
  margin-top: 30px;
  -moz-box-shadow: 3px 3px 6px #000; /* gives the box a drop shadow effect (firefox)*/
  -webkit-box-shadow: 3px 3px 6px #000; /* gives the box a drop shadow effect (chrome/safari)*/
}

/**
 *The box contained in the header box
 *that contains the user's name and score
 *along with the user's lounge and score.
 */
#header-info {
  background: rgba(255, 255, 255,.5); 
  border: 3px solid #59D6FF;
  border-radius: 8px 8px 8px 8px;
  display: block;
  height: 97px;
  margin: 8px 5px 5px 10px;
  padding: 5px;
  margin-bottom: 19px;
  margin-right: 5px;
  margin-left:0px;
  width: 382px;
}

/**
 *The box contained in the header box
 *that displays the time remaining in the competition.
 */
#header-round-info  {
	background: rgba(255, 255, 255,.5); 
    border: 3px solid #59D6FF;
	border-radius: 8px 8px 8px 8px;
    display: block;
    float: left;
    height: 13px;
    margin: 8px 5px 5px 10px;
    overflow: hidden;
    padding: 5px;
	margin-bottom: 19px;
	margin-right: 5px;
	margin-left: 15px;
	margin-top: -45px;
    width: 373px;
}


.container {  
  width: 960px;
  background: none;
  text-align: center;
  margin: 0 auto 0 auto;
  padding: 0;

}

/** Container Style **/
.container, .container-top, .container-bottom {
  background: none;
}

/**
 *The navigation bar 
 *that located within the header box.
 */
#header-nav-links {
  background: rgba(255, 255, 255,.5);
  color: #000;
  border: 3px solid #59D6FF;
  border-radius: 8px 8px 8px 8px;
  float: right;
  height: 75px;
  margin-left:10px;
  margin-right: 0px;
  margin-top: -131px;
  margin-bottom: -60px;
  padding: 2px 2px 0;
  padding-left:5px;
  padding-right:6px;
}

/**The color of underlined text, text in a list, and text sized using h4 **/
#header-nav-links ul li h4 {
  color: #585A5E;
}

/**The color of the hyperlinks in the navigation bar **/
#header-nav-links a {
  text-decoration: none;
}

/**The color of text sized at h4 when hovered over**/
#header-nav-links a:hover h4 {
  color: #344B70;
}

/**The color of the navigation bar links when selected**/
.selected-energy #header-nav-links a.energy h4, 
.selected-activities #header-nav-links a.activities h4, 
.selected-news #header-nav-links a.news h4, 
.selected-help #header-nav-links a.help h4, 
.selected-profile #header-nav-links a.profile h4, 
.selected-prizes #header-nav-links a.prizes h4  {
  color: #FCE988;
}

/**The color of the user's points and rank**/
#header-user-points h3,#header-user-rank h3 {
  color: #FF0000;
  font: bold 18pt Arial, Helvetica, sans-serif;
  float: left;
  padding-right: 5px;
}

/**The color of the user's dorm lounge's points, rank, and energy**/
#header-floor-points h3,#header-floor-rank h3,#header-floor-energy h3 {
  color: #FF0000;
}


/**The quest box**/
#header #quest-box {
  background: #000000;
  /*opacity: 0.6;*/
  color: #FFFFFF;
  background: #EBF7F8;
  opacity: 0.8;
  color: #000000;

}

/**CThe color of the "Your Quests" text.**/
#quest-box h4 {
  color: EBF7F8;
}

/**The color of the quest items**/
#quest-list li a {
  color: black;
}

/**The color styles of the "widgets" on the page**/
.content-box {
  background-color: #EBF7F8;
  opacity: 0.9;
  box-shadow: 3px 3px 8px #000;
  -moz-box-shadow: 3px 3px 8px #000;
  -webkit-box-shadow: 3px 3px 8px #000;
}

.content-box-title {
  background-color: #97f5f6;
  background-image: -moz-linear-gradient(100% 50% 90deg, #59d6ff, #ffffff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFFFFF), to(#59d6ff));
  border-bottom: 1px solid #000;
}

/**The even numbered rows in the "widgets" 
  *that contain multiple rows.
  **/
.alt-row {
  background: #FFFFFF;
}

/** news widget top backgrounds **/
th {
    background: #FFFFFF;
}

/** energy title backgrounds **/
fieldset {
  background: #DEFBFC;
}
#energy-status-how-activities-table th {
  background: #C1EBEC;
}


/**The activities game board**/
.activity, .activity-legend {
 background-color: #88F362;
 }

.commitment, .commitment-legend {
  background-color: #60CEF1;
}

.event, .event-legend {
  background-color: #D2F564;
}

.survey, .survey-legend {
  background-color: #F2C061;
}
.excursion, .excursion-legend {
  background-color: #EC5B74;
}
	  
.activity div, .commitment div, .event div, .survey div, .excursion div, .yellow-green div {    
  font-size: 9pt;
  padding: 1px;
}

.activity-legend, .commitment-legend, .event-legend, .survey-legend, .excursion-legend {
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

    
/**The headers in the "Prizes and Winners" "Widget"
  *on the prizes page
  */
#prizes-list-table-header, #prizes-list-table-awarded-header, #prizes-list-table-criteria-header {
  background: white;
}

/** The content in the "My Badges" and "My Achievements" Widgets**/
#profile-badges-content h5, #profile-history-content h5 {
  background-color: #FFFFFF;
}

/**The "My Info" Widget**/
table#profile-form-table {
  background-color: #FFFFFF;
}
/**The headers within the "My Info" Widget**/
#profile-form-table td.profile-section-header {
  background-color: #C1EBEC;
}
